﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title>CSS THREE AND HTML FILE</title>
	<style>
		#tt{
			width:50px;
			height:50px;
			position:absolute;
			left:20px;
			top:20px;
			background:gray;
		}
		#hh{
			widht:300px;
			height: 100px;
			background:red;
		}
		#cell{
			width: 50px;
			height: 50px;
			float: left;
			margin:5px;
			background:blue;
		}

		#idContainer{
			border:1px solid #000;
			width:500px; 
			height:400px; 
			background-color:#FFF;
			background-position: center;
			background-repeat: no-repeat;
		}
		
		
	</style>
</head>
<body>
	<div id="idContainer"></div>
	<input value="向左旋转" type="button" id="idLeft" />
	<input value="向右旋转" type="button" id="idRight" />
	<input value="垂直翻转" type="button" id="idVertical" />
	<input value="水平翻转" type="button" id="idHorizontal" />
	<input value="重置" type="button" id="idReset" />
	<input value="使用Canvas" type="button" id="idCanvas" />
	<!--
	<div id="tt"></div>
	<div id="hh">
		<div id="cell"></div>
	</div>
	
		
	-->
	<script type="text/javascript" src="./aider.js"></script>
	<script type="text/javascript" src="./i.js"></script>
</body>
</html>